@import "../../assets/style/_var.less";
@bg-color: @color-bg-light;
page {
  padding: 0 32rpx;
}
.section {
  padding: 24rpx;
  border-radius: 20rpx;
  background: @bg-color;
  margin-bottom: 24rpx;
}
.info {
  margin-top: -30rpx;
  .avatar {
    position: relative;
    transform: translateY(40%);
    border-radius: 50%;
    background: @bg-color;
  }
  .section {
    padding-top: 90rpx;
  }
  .nickname {
    font-size: 50rpx;
    margin-right: 20rpx;
    line-height: 1;
    margin-bottom: 32rpx;
    text-align: center;
  }
  .list {
    .item {
      &:not(:last-child)::after {
        content: "";
        display: block;
        height: 0.8em;
        width: 1rpx;
        background: #666666;
        margin: 0 20rpx;
      }
    }
  }
}
.entrys {
  padding-bottom: 0;
  .item {
    margin-bottom: 24rpx;
    &:not(:nth-child(5n)) {
      margin-right: 30rpx;
    }
    .text {
      width: 100rpx;
      font-size: 26rpx;
      margin-top: 8rpx;
    }
  }
}
.songs {
  .head {
    margin-bottom: 24rpx;
  }
  .item {
    padding: 10rpx 0;
    .name {
      font-size: @font-size-heavy;
      margin-bottom: 8rpx;
    }
    .num {
      color: @color-text-lighter;
      font-size: 26rpx;
    }
  }
}
.mores {
  margin-bottom: @gap;
  .item {
    width: 120rpx;
    margin-bottom: @gap;
    &:not(:nth-child(5n)) {
      margin-right: 10rpx;
    }
    .text {
      margin-top: @gap-qtr;
      font-size: @font-size-light;
    }
  }
}
